.filterBox{display: flex; align-items: center;}
.filterTlt{ font-size: 24rpx; flex-shrink: 0; background-color: #3c9cff; color: #fff; padding: 8rpx 10rpx; border-radius: 10rpx;}
.subFilter{border-top: 1px dotted #f56c6c;}



.tikuBg{min-height: 100vh;background-color: #f4f5ff; }
.tikuBg .items{padding-top: 25rpx; padding-bottom: 120rpx;}
.tikuBg .items .item{position: relative;  background-color: #fff; padding: 25rpx; margin-bottom: 25rpx; border-radius: 15rpx; box-shadow: 0 5rpx 15rpx rgba(0,0,0,.3);}
.tikuBg .items .item h2{font-size: 34rpx; line-height: 1.8; font-weight: bold; margin-bottom: 25rpx;}
.tikuBg .items .item h3{font-size: 32rpx; line-height: 1.8; font-weight: bold; margin-bottom: 15rpx;}
.tikuBg .items .item h3 img{display: block; max-width: 100%;}
.searchBg{background-color: #f00 !important; color: #fff !important;}
.tags{display: flex; flex-wrap: wrap;}
.tags li{margin-right: 10rpx;}


.bjTlt{font-size: 26rpx; padding: 15rpx 0; width: 700rpx; margin: 0 auto;}
.tikuBg .item .btns{display: flex; position: absolute; bottom: 25rpx;  right: 25rpx;}
.tikuBg .item .btns .btn{ margin-top: 10rpx; margin-left: 10rpx;}


.detailBtn{position: fixed; bottom: 0; left: 0; width: 700rpx; padding: 25rpx; display: flex; justify-content: space-between; z-index: 10; background-color: #fff;}
.detailBtn>div{padding: 0 10rpx; flex: 1}

.detailBox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); z-index: 9999; overflow: auto;}
.detailBox .content{position: relative; width: 600rpx; background-color: #fff; padding: 25rpx; margin: 50rpx auto;  background: #fff ;}
.detailBox .content .item + .item{padding-top: 15rpx; margin-top: 15rpx; border-top: 1px dotted #000;}
.detailBox .content .item h3{font-size: 26rpx; line-height: 1.8;}
.detailBox .content .item .btn{width: 140rpx;}
.detailBox .content .close{position: absolute; top: 15rpx; right: 15rpx; color: #000;}
.detailBox .content h2{display: flex; align-items: center; font-size: 32rpx; line-height: 1.8; font-weight: bold; margin-bottom: 10rpx; text-align: left;}
.detailBox .content h2 .btn{width: 100rpx; margin-left: 15rpx;}
.detailBox .content .intro{font-size: 28rpx; margin-bottom: 20rpx; background-color: #d9232f; color: #fff; text-align: center; padding: 10rpx; border-radius: 10rpx;}
.d_btns{display: flex; justify-content: space-between; align-items: center; margin-top: 15rpx;}
.d_btns .btn{margin-right: 15rpx;}
.d_btns .time{ font-size: 24rpx; color: #555; text-align: right;}
.detailBox .ml15{margin-left: 15rpx;}

.limitBox{position: relative; display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff url('https://www.baixuemianshi.com/zhuanti/images/limitBg.jpg') center top no-repeat; background-size: cover; z-index: 99999;}
.limitBox .formBox{position: relative; z-index: 2; background-color: #fff;width: 500rpx; padding: 25rpx; background-color: #fff; box-shadow: 0 0 20rpx rgba(0,0,0,.3);}
.limitBox .formBox h3{font-size: 38rpx; color: #f2000e; font-weight: bold; margin: 15rpx auto 25rpx; text-align: center;}
.limitBox .formBox p{font-size: 22rpx; color: #131213; margin-bottom: 15rpx; text-align: center;}
.limitBox::after{content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.2);}

.searchBox{padding: 15rpx 35rpx; margin-top: 15rpx; border-top: 1px solid #eee;}

.flexBtn{display: flex; justify-content: space-between;}
.flexBtn>div{width: 30%;}
.flexBtn>div + div{width: 68%;}

.banner{}
.banner image{display: block; width: 100%;}

.popText{width: 600rpx; padding: 25rpx;}
.popText .popLogo{display: block; width: 400rpx; margin: 0 auto 30rpx;}
.popText p{font-size: 32rpx; line-height: 1.8; text-align: center; font-weight: bold;}

.userInfo{font-size: 28rpx;padding: 15rpx 25rpx; border-radius: 15rpx; font-weight: bold; background-color: #fff;}

.loadBox{position: fixed; top: 0; left: 0; width: 100%;  height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(255,255,255,.9); z-index: 9999999;}


.popContent{width: 600rpx;  padding: 25rpx; background-color: #fff; box-shadow: 0 0 15rpx rgba(0,0,0,.5); }
.popContent h3{font-size: 34rpx; font-weight: bold; margin-bottom: 20rpx; text-align: center;}
.popContent .squre_bj{}
.popContent .squre_bj li{font-size: 30rpx; font-weight: bold; border: 1px solid #eee; padding: 15rpx 25rpx; border-radius: 10rpx; text-align: center;}
.popContent .squre_bj li + li{margin-top: 20rpx;}

.popContent .squre_moshi{display: flex; flex-wrap: wrap; justify-content: space-between;}
.popContent .squre_moshi.half li{width: calc(48% - 50rpx);}
.popContent .squre_moshi li{width: 100%; border: 1px solid #eee; padding: 15rpx 25rpx; font-size: 28rpx; border-radius: 10rpx; margin-bottom: 20rpx; background-color: #fff;}
.popContent .squre_moshi li.textCenter{text-align: center;}
.popContent .squre_moshi li h3{font-size: 28rpx; font-weight: bold;}
.popContent .squre_moshi li p{font-size: 26rpx; margin-top: 15rpx;}
.popContent .squre_moshi li.back_btn{background-color: #fef0f0; color: #f56c6c; border-color: #fbc4c4;}
.popContent .overBox{max-height: 70vh; overflow: auto;}
.popContent .btns{display: flex; justify-content: space-between;}
.popContent .btns .btn{width: 48%;}
.popContent .tmList{}
.popContent .tmList li{font-size: 28rpx; margin-bottom: 20rpx;}


.picker{display: flex; align-items: center; margin-left: 20rpx; font-size: 24rpx; padding: 5rpx 25rpx 0 25rpx; border: 1px solid #dcdfe6; color: #606266; border-radius: 15rpx;}
.picker .s{margin-right: 10rpx; padding-bottom: 5rpx;}

.answerBox{position: relative; padding: 20rpx; background:#fff;  border-radius: 10rpx; margin: 30rpx 0; box-shadow: 0 0 10rpx rgba(0,0,0,.2); overflow: hidden;}
.answerBox p.answerStyle{ font-size: 36rpx; line-height: 2.5; text-indent: 2em;} 
.answerBox .adBox{margin-top: 20rpx;}
.answerBox .adBox image{display: block; width: 100%;}
.answerBox h3{font-size: 36rpx;  line-height: 2.5; font-weight: bold; line-height: 2; margin-bottom: 15rpx; padding-bottom: 15rpx; border-bottom: 1px solid #ccc;}
.answerBox p{font-size: 26rpx;}
.introText{padding: 20rpx 0 0; display: flex; align-items: center; justify-content: center;}
.introText span{font-size: 28rpx;}
.introText .btn{width: 300rpx;}

.waterMark {width: 100vw;height: 100vh;position: fixed;transform: translate(-100%, -100%);pointer-events: none;opacity: 0;}
.waterMark-bg {width: 100vw;height: 100vh;position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;pointer-events: none; z-index: 99990;}

.kesu{}
.kesu image{ display: block; width: 100%;}

.flex_btns{display: flex; flex-wrap: wrap; justify-content: space-between;}
.flex_btns li{width: 48%; padding: 15rpx 0; margin: 10rpx 0; text-align: center; font-size: 28rpx;}
.flex_btns li.zuti{background-color: #f56c6c; color: #fff;}
.flex_btns li.workend{background-color: #5ac725; color: #fff;}
.flex_btns li.homework{background-color: #f9ae3d; color: #fff;}
.flex_btns li.sijiaoke{background-color: #3c9cff; color: #fff;}

